<template>
  <div>
    <my-slot-cpn>
      <button>我是按钮</button>
    </my-slot-cpn>
    <my-slot-cpn>我是普通的文本</my-slot-cpn>
    <my-slot-cpn><my-button></my-button></my-slot-cpn>
    <my-slot-cpn></my-slot-cpn>

    <!-- 插入很多内容 -->
    <my-slot-cpn>
      <h2>哈哈哈</h2>
      <button>我是按钮</button>
      <strong>我是strong元素</strong>
    </my-slot-cpn>
  </div>
</template>

<script>
import MyButton from "./MyButton.vue";
import MySlotCpn from "./MySlotCpn.vue";

export default {
  components: { MySlotCpn, MyButton },
};
</script>

<style scoped></style>
